#main {
  padding-top: .5rem;
}

.block {
  padding: 2rem .5rem 1rem .5rem;

  .btn {
    padding: 6px 0;
    border: none;
    width: 100%;
    background: orange;
    color: white;

    &:active {
      background: orangered;
    }
  }
}

.btn.disable {
  background: #c0c0c0;
  pointer-events: auto;

  &:active {
    background: #c0c0c0;
  }
}

.select-container {
  span {
    font-size: 14px;
    color: #4c4c51;
  }
}

ul:not(.wheel-scroll) {
  padding: .5rem;
  background: white;

  &:first-of-type {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }

  li:not(.wheel-item) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 0;
    position: relative;

    .icon {
      font-size: 14px;
      color: #6d6d72;
    }

    &:not(:last-of-type)::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      border-bottom: 1px solid rgba(0, 0, 0, .2);
      transform: scaleY(.5);
    }

    select,
    input[type='text'],
    input[type='number'] {
      padding: 0;
      text-align: right;
      font-size: 14px;
    }

    select {
      flex-grow: 1;
    }
  }
}

.top {
  padding: 1rem .5rem;
  background: white;
}

.title {
  font-size: 14px;
  white-space: nowrap;
  color: #4c4c51;
}

p {
  padding: 1rem .5rem 0 .5rem;
}

.account-type {
  font-size: 16px;
  margin-bottom: 1rem;
}

.select-account-type {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;

  span {
    width: 50%;

    &.active {
      color: orangered;
    }
  }
}

.ipt-container {
  li {
    padding: 0;
  }
}